import { defineComponent } from "vue";
import "./styles/button.scss";
const props = {
  disabled: {
    type: Boolean,
  },
  radius: {
    type: Boolean,
  },
  loading: Boolean,
  type: {
    type: String,
    default: "default",
  },
};
export type ButtonProps = typeof props;
export default defineComponent({
  props,
  name: "Button",
  setup(props) {},
  render() {
    const { $slots, type, radius } = this;
    return (
      <button
        class={["btn", `btn--${type}`, radius && `btn--radius`].filter(Boolean)}
      >
        {$slots.default && $slots.default(this.$props)}
      </button>
    );
  },
});
